@charset "utf-8";

$fs:64px;

html{
    font-size: $fs;
}
//将px换算成rem单位
@function r($px){
    @return $px/$fs*1rem;
}
*{
    padding: 0;
    margin: 0;
    text-decoration: none;
}
html{
    width: 100%;
    height: 100%;
}
body{
    width: 100%;
    height: 100%;
}
li{
    list-style: none;
}
a{
    color: black;
}
//申请代理页面
//container申请代理页面总name名
.container{
    width: 100%;
    height: 100%;
    max-width: r(640px);
    min-width: r(320px);
    margin: 0 auto;
    padding-bottom: r(91px);
//  background-color: #f3f4f6;
}
//.bg{
//  background-color: red;
//  width: 100%;
//  height: 100%; 
//}
//newHead是自动跟随页面的总name名
.newHead{
    width: 100%;
    height: r(87px);
    margin: auto;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
    background: #f7f7f7;
}
//定位
.w-div{
    width: 100%;
    height: r(87px);
    background: #f7f7f7;
    border-bottom: #c1c1c1 1px solid;
    position: relative;
}
//左边icon的定位
.w-div-left{
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    height: r(87px);
    z-index: 9;
    width: r(75px);
}
//中间内容
.w-div-center{
    display: flex;
    justify-content: center;
    align-items: center;
    width: r(640px);
    height: r(87px);

}

.active a{
    display: flex;
    justify-content: center;
    align-items: center;
//  text-align: center;
    height: r(56px);
    width: r(200px);
    font-size: r(26px);
    background: #ffffff;
    color: #d62d31;
//  border-right: 0;
    border-radius: r(10px) 0 0 r(10px);
    border: r(2px) solid #d62d31;
}
._active a{
    display: flex;
    justify-content: center;
    align-items: center;
//  text-align: center;
    height: r(56px);
    width: r(200px);
    font-size: r(26px);
    background: #d62d31;
    color: #fff;
//  border-right: 0;
    border-radius: 0 r(10px) r(10px) 0;
    border: r(2px) solid #d62d31;
}
//右边icon的定位
.w-div-right{
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: r(26px);
    top: 0;
    height: r(87px);
    font-size: r(40px);
    width: r(60px);
}
.w-div-right a .iconfont{
    font-size: r(40px);
}
.adv{
    text-align: center;
    padding: r(87px) 0 0 0;
}
.adv img{
    width: 100%;
}
.wenzi{
    margin: r(55px) r(55px);
    font-size: r(25px);
    line-height: r(40px);
    color: #666666;
}
.btn{
    padding: 0 r(100px) 0;
}
.w-btn{
    display: block;
}
.w-btn{
    text-align: center;
    background: #d62d31;
    color: #fff;
    padding: 0 0.75rem;
    font-size: r(33px);
    height: r(80px);
    line-height: r(80px);
    border-radius: r(12px);
}














